var province = ["湖北", "湖南", "广东", "河北"]

var city = [
  ["武汉", "黄冈", "十堰"],
  ["长沙", "岳阳", "怀化"],
  ["深圳", "广州", "惠州"],
  ["石家庄", "天津", "常德"]
];

$(function() {
  //初始化数据
  initData();
   //为省份下拉列表绑定change事件
  $("#pro").change(function() {
    var index = $(this).val();
    $("#city").html("<option>请选择</option>");
    $(city[index]).each(function(i, obj) {

      var option = "<option value='" + i + "'>" + obj + "</option>"
      $("#city").append(option);
    })
  })
})

function initData() {
 //初始化省份下拉列表
  $(province).each(function(index, obj) {
    var option = "<option value='" + index + "'>" + obj + "</option>"
    $("#pro").append(option);

  })
}


$('#fix').on('click',function(){
  $('.show_modal').show()
})
$('.ico').on('click',function(){
  $('.show_modal').hide()
})
$('#computed').on('click',function(){
  $('.shows').show()
})
$('.icos').on('click',function(){
  $('.shows').hide()
})
